<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    一.事件对象
    二.常见的事件  鼠标事件 键盘事件 表单事件 触摸事件
    三.事件监听
    四.按键拖拽案例

    一,事件对象 event对象 
    1.事件对象的概念:
    在触发某个元素的时候,会产生一个事件对象event,这个对象包含着事件相关的信息,该事件是一个函数,该函数会接收一个event对象,事件通常和后汉书结合在一起.函数不会在事件发生之前执行的

    <script>
        // document.onclick=function(){
        //     alert("事件被触发了");
        // }

        function fn(){
            alert("事件被触发了");
        }
        document.onclick=fn;//函数等到事件调用,才会执行
    </script>

    2.一个事件的组成
    <script>
        事件源:document
        事件类型:click
        事件处理函数:fn
    </script>
</body>
</html>